<template>
  <div>
    <input type="text" v-model.trim.lazy="xing" />
    <input type="text" v-model.trim.lazy="ming" />
    <input type="text" v-model.trim.lazy="fullName" />
  </div>
</template>

<script>
export default {
  data: () => ({
    xing: "诸葛",
    ming: "亮亮",
  }),
  computed: {
    fullName: {
     get(){
      //获取计算属性值的时候， 就会调用get
       return this.xing + " " + this.ming;
     },
      set(value) {
      // 当修改计算属性值的时候，就会执行 set 方法
      // value 就是修改后的计算属性值
      let arr = value.split(' ')
      this.xing = arr[0]
      this.ming = arr[1]
    }
    },

  },
};
</script>
